<template>
  <div>
    <!-- 
          - v-show="vue变量"            
        - v-if="vue变量" 
        v-else="vue变量" 
       -->
    <h1 v-show="isOk">v-show盒子</h1>
    <h1 v-if="isOk">v-show盒子</h1>
    <div>
      <!-- v-if和v-else使用 -->
      <p v-if="age > 18">我成年了</p>
      <p v-else>还得多吃饭</p>
    </div>
    <!-- 使用v-show和v-if以及v-else指令, 方便通过变量控制一套标签出现/隐藏 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      isOk: true,
      age: 15,
    };
  },
};
</script>

<style>
</style>